<template>
  <div>
    <AppHeader></AppHeader>
    <main
      class="max-w-7xl relative z-0 mx-auto min-h-[calc(100vh-var(--header-height))]"
    >
      <NuxtLoadingIndicator />
      <NuxtLayout>
        <NuxtPage />
      </NuxtLayout>
    </main>
    <footer class="h-10 text-center leading-10 text-gray">
      2024/2024 - 2024/2024
    </footer>
  </div>
</template>
<style>
.rotate-enter-active,
.rotate-leave-active {
  transition: all 0.4s;
}
.rotate-enter-from,
.rotate-leave-to {
  opacity: 0;
  transform: rotate3d(1, 1, 1, 15deg);
}
</style>
